<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<tem>
				<template v-slot:footer>内容</template>
				<template #header>标题</template>
			</tem>
		</div>
		<template id="tem">
			<div>
				<!-- <div>
					<slot name='footer'></slot>
				</div> -->
				<slot name='footer'></slot>
				<ul>
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<slot name='header'></slot>
				</ul>
				<!-- <slot name='footer'></slot> -->
			</div>
		</template>
		<script src="../vue.js"></script>
		<script>
			let tem={
				template:'#tem',
				
			}
			new Vue({
				el:'#app',
				components:{
					tem,
				}
			})
		</script>
	</body>
</html>
